<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
        <title>个人资料</title>
        <link href="__MZUI__/css/admin.css" rel="stylesheet" type="text/css">
        <link href="__MZUI__/css/amazeui.css" rel="stylesheet" type="text/css">
        <link href="__CSS__/user/personal.css" rel="stylesheet" type="text/css">
        <link href="__CSS__/user/infstyle.css" rel="stylesheet" type="text/css">
        <link href="__CSS__/common.css" rel="stylesheet" type="text/css">
        <script src="__MZUI__/js/jquery.min.js" type="text/javascript"></script>
        <script src="__MZUI__/js/amazeui.js" type="text/javascript"></script>
        <script type="text/javascript" src="__JQ__"></script>
        <script type="text/javascript" src="__JS__/public.lib.js"></script>
        <script type="text/javascript" src="__YZ__"></script>
        <script type="text/javascript" src="__LY__"></script>
        <script type="text/javascript" src="__JS__/jquery.submit.js"></script>
        <script type="text/javascript" src="__JS__/jquery.form.js"></script>
        <script type="text/javascript" src="__PUBLIC__/time/birthday.js"></script>
        <script type="text/javascript" src="__JS__/files/jquery.ui.widget.js"></script>
        <script type="text/javascript" src="__JS__/files/jquery.fileupload.js"></script>
        <script type="text/javascript" src="__JS__/files/jquery.iframe-transport.js"></script>
    </head>
    <body>
        <!--头 -->
    <include file="Include/top" />
        <include file="Include/header" />
        <div class="center">
            <div class="col-main">
                <div class="main-wrap">
                    <div class="user-info">
                        <!--标题 -->
                        <div class="am-cf am-padding">
                            <div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">个人资料</strong> / <small>Personal&nbsp;information</small></div>
                        </div>
                        <hr/>
                        <!--个人信息 -->
                        <div class="info-main">
                            <form class="am-form am-form-horizontal" id="myform" name="myform" action="" method="post">
                                
                                <div class="am-form-group">
                                    <label for="user-name2" class="am-form-label">头像</label>
                                    <div class="am-form-content">
                                        <div class="am-form-group am-form-file">
                                        <button type="button" class="am-btn am-btn-danger am-btn-sm"><i class="am-icon-cloud-upload"></i> 选择要上传的文件</button>
                                        <!-- 图片上传按钮 -->
                                        <input class="fileupload" type="file" name="image" data-name="adv_pc_pic" data-num="2" />
                                        <!-- 图片展示模块 -->
                                        <div class="files"></div>
                                        <div style="clear:both;"></div>
                                        <!-- 图片上传进度条模块 -->
                                        <div class="up_progress"><div class="progress-bar"></div></div>
                                        <!-- 图片上传结束 -->
                                        </div>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-name" class="am-form-label">昵称</label>
                                    <div class="am-form-content">
                                        <input type="text" id="user-name2" datatype="*" value="{$res['user_name']}" name="user_name" placeholder="name">
                                        <div class="label Validform_checktip"></div>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label class="am-form-label">性别</label>
                                    <div class="am-form-content sex">
                                        <label class="am-radio-inline">
                                            <input type="radio" name="user_sex" value="1" <if condition="$res['user_sex'] eq 1"> checked="checked"</if> data-am-ucheck> 男
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" name="user_sex" value="2" <if condition="$res['user_sex'] eq 2"> checked="checked"</if> data-am-ucheck> 女
                                        </label>
                                        <label class="am-radio-inline">
                                            <input type="radio" name="user_sex" value="0" <if condition="$res['user_sex'] eq 0"> checked="checked"</if> data-am-ucheck> 保密
                                        </label>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-birth" class="am-form-label">生日</label>
                                    <div class="am-form-content birth">
                                        <div class="birth-select">
                                            <select id="sel_year" rel="{$date[0]}" name="years"></select>
                                            <em>年</em>
                                        </div>
                                        <div class="birth-select2">
                                            <select id="sel_month" rel="{$date[1]}" name="month"></select>
                                            <em>月</em>
                                        </div>
                                        <div class="birth-select2">
                                            <select id="sel_day" rel="{$date[2]}" name="day"></select>
                                            <em>日</em>
                                        </div>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-phone" class="am-form-label">电话</label>
                                    <div class="am-form-content">
                                        <input id="user-phone" placeholder="输入您的手机号" value="{$res['user_mobile']}" datatype="m" name="user_mobile" type="tel" />
                                        <div class="label Validform_checktip"></div>
                                    </div>
                                </div>
                                <div class="am-form-group">
                                    <label for="user-email" class="am-form-label">电子邮件</label>
                                    <div class="am-form-content">
                                        <input id="user-email" placeholder="输入您的电子邮件" value="{$res['user_email']}" datatype="e" name="user_email" type="email" />
                                        <div class="label Validform_checktip"></div>
                                    </div>
                                </div>
                                <div class="info-btn">
                                    <input type="submit" class="am-btn am-btn-danger" id="btn_submit" name="btn_submit" value="保存修改">
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
                <!--底部-->
            </div>
            <include file="Include/navigation" />
        </div>
        <include file="Include/footer" />
    </body>
</html>
<script type="text/javascript" src="__JS__/jquery.uploads.js"></script>
<script type="text/javascript">
    $(function () {
        $.ms_DatePicker({
            YearSelector: "#sel_year",
            MonthSelector: "#sel_month",
            DaySelector: "#sel_day"
        });
        $.ms_DatePicker();
    });
    $("#myform").Validform({
        tiptype: 3,
        showAllError:true,
    });
    $('#myform').layer({});
</script>